<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>搜索</title>
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="css/sousuo.css" />

</head>

<body>
	<!-- 导入顶部导航---start -->
	<%@ include file="head.jsp" %>
	<!-- 导入顶部导航---end -->
	<div class="layui-container">
		<div class="layui-row ">
			<div class="sousuobox layui-col-md12 layui-col-lg12">
				<form class=" layui-form" action="seachstr.action">
					<div class="layui-input-block layui-col-md10 layui-col-lg10 layui-col-sm10 layui-col-xs10">
						<input type="text" id="seachstring" name="seachstring" required lay-verify="required"
							placeholder="请输入你想搜索的内容" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-col-md2 layui-col-lg2 layui-col-sm2 layui-col-xs2">
						<a><button class="layui-btn" lay-submit lay-filter="formDemo" type="submit" id="seach"
								onclick="sousuo()"><i class="layui-icon layui-icon-search"></i>搜索</button>
					</div>
				</form>
				<div class="aui-wrapper layui-col-md12 layui-col-lg12 layui-col-sm12 layui-col-xs12">
					<dl>
						<dd>
							<a href="#">产品运营</a>
						</dd>
						<dd>
							<a href="#">移动开发</a>
						</dd>
						<dd>
							<a href="#">建筑工程</a>
						</dd>
						<dd>
							<a href="#">艺术设计</a>
						</dd>
						<dd>
							<a href="#">新媒体运营</a>
						</dd>
						<dd>
							<a href="#">土木工程</a>
						</dd>
						<dd>
							<a href="#">医学护理</a>
						</dd>
						<dd>
							<a href="#">数据运营</a>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="layui-row  layui-col-space15">
			<div class="layui-col-md9 layui-col-lg9 layui-col-sm9 layui-col-xs9">
				<div class="fenleibox">
					<div class="search">
						<!--已选类别-->
						<div class="atp_choosed overflow">
							<div class="left title col666">已选类别：</div>
							<div class="left conn"></div>
						</div>
						<!--筛选内容(求职意向)-->
						<div class="scholars-recommend-content att-choose">
							<div class="scholars-choose-box default-box">
								<p class="choose-content left">
									<em>求职意向</em>
									<span><a href="seachstr.action?post=web">web前端</a></span>
									<span><a href="seachstr.action?post=网页设计">网页设计</a></span>
									<span><a href="seachstr.action?post=电脑操作员">电脑操作员</a></span>
									<span><a href="seachstr.action?post=Java工程师">Java工程师</a></span>
									<span><a href="seachstr.action?post=.net工程师">.net工程师</a></span>
									<span><a href="seachstr.action?post=室内设计">室内设计</a></span>
									<span><a href="seachstr.action?post=艺术/设计">艺术/设计</a></span>
									<span><a href="seachstr.action?post-=游戏设计">游戏设计</a></span>
									<span><a href="seachstr.action?post=财务/审计/税务">财务/审计/税务</a></span>
									<span><a href="seachstr.action?post=市场/营销">市场/营销</a></span>
								</p>
								<div class="scholars-choose-box scholars-choose-box2 left seemorebox">
									<div class="title left">求职意向</div>
									<ul class="left">
										<li>web前端</li>
										<li>网页设计</li>
										<li>电脑操作员</li>
										<li>Java工程师</li>
										<li>.net工程师</li>
										<li>游戏设计</li>
										<li>室内设计</li>
										<li>web前端</li>
										<li>网页设计</li>
										<li>电脑操作员</li>
										<li>Java工程师</li>
										<li>.net工程师</li>
										<li>游戏设计</li>
										<li>室内设计</li>
										<li>web前端</li>
										<li>网页设计</li>
										<li>电脑操作员</li>
										<li>Java工程师</li>
										<li>.net工程师</li>
										<li>游戏设计</li>
										<li>室内设计</li>
										<li>web前端</li>
										<li>网页设计</li>
										<li>电脑操作员</li>
										<li>Java工程师</li>
										<li>.net工程师</li>
										<li>游戏设计</li>
										<li>室内设计</li>
									</ul>
								</div>
								<button class="sch-moreChoose sch-getmore">更多</button>
								<button class="sch-moreChoose">+多选</button>
							</div>
							<div class="scholars-choose-box scholars-choose-box2 choosemorebox">
								<form action="seachto.action">
									<div class="title left">地区分类</div>
									<ul class="left">
										<li><input type="checkbox" value="电脑操作员">电脑操作员</li>
										<li><input type="checkbox" value="网页设计">网页设计</li>
										<li><input type="checkbox" value="室内设计">室内设计</li>
										<li><input type="checkbox" value="游戏设计">游戏设计</li>
										<li><input type="checkbox" value="net工程师">net工程师</li>
										<li><input type="checkbox" value="网页设计">网页设计</li>
										<li><input type="checkbox" value="室内设计">室内设计</li>
										<li><input type="checkbox" value="Java工程师">Java工程师</li>
										<li><input type="checkbox" value="电脑操作员">电脑操作员</li>
										<li><input type="checkbox" value="网页设计">网页设计</li>
										<li><input type="checkbox" value="室内设计">室内设计</li>
										<li><input type="checkbox" value="游戏设计">游戏设计</li>
										<li><input type="checkbox" value="net工程师">net工程师</li>
										<li><input type="checkbox" value="网页设计">网页设计</li>
										<li><input type="checkbox" value="室内设计">室内设计</li>
										<li><input type="checkbox" value="Java工程师">Java工程师</li>
										<li><input type="checkbox" value="电脑操作员">电脑操作员</li>
										<li><input type="checkbox" value="网页设计">网页设计</li>
										<li><input type="checkbox" value="室内设计">室内设计</li>
										<li><input type="checkbox" value="游戏设计">游戏设计</li>
										<li><input type="checkbox" value="net工程师">net工程师</li>
										<li><input type="checkbox" value="Java工程师">Java工程师</li>
									</ul>
									<div class="btns left">
										<p><input type="button" class="sure" id="ds1" value="确定"></p>
										<p><input type="reset" class="false" value="取消"></p>
									</div>
								</form>
							</div>
						</div>

						<!--筛选内容(专业领域)-->
						<div class="scholars-recommend-content att-choose">
							<div class="scholars-choose-box default-box">
								<p class="choose-content left">
									<em>专业领域</em>
									<span>计算机硬件</span>
									<span>计算机软件</span>
									<span>艺术/设计</span>
									<span>建筑工程</span>
									<span>财务/审计/税务</span>
									<span>市场/营销</span>

								</p>
								<div class="scholars-choose-box scholars-choose-box2 left seemorebox">
									<div class="title left">专业领域</div>
									<ul class="left">
										<li>计算机硬件</li>
										<li>计算机软件</li>
										<li>互联网/电子商务</li>
										<li>IT管理</li>
										<li>通信技术</li>
										<li>电子/电器/半导体</li>
										<li>销售行政</li>
										<li>财务/审计/税务</li>
										<li>金融/证券/投资</li>
										<li>工程/机械/能源</li>
										<li>汽车制造</li>
										<li>服装/纺织</li>
										<li>物流/仓储</li>
										<li>生物/制药</li>
										<li>医院/医疗/护理</li>
										<li>市场/营销</li>
										<li>艺术/设计</li>
										<li>建筑工程</li>
									</ul>
								</div>
								<button class="sch-moreChoose sch-getmore">更多</button>
								<button class="sch-moreChoose">+多选</button>
							</div>
							<div class="scholars-choose-box scholars-choose-box2 choosemorebox">
								<form action="">
									<div class="title left">专业领域</div>
									<ul class="left">
										<li><input type="checkbox">计算机硬件</li>
										<li><input type="checkbox">建筑工程</li>
										<li><input type="checkbox">计算机软件</li>
										<li><input type="checkbox">互联网/电子商务</li>
										<li><input type="checkbox">IT管理</li>
										<li><input type="checkbox">通信技术</li>
										<li><input type="checkbox">电子/电器/半导体</li>
										<li><input type="checkbox">销售行政</li>
										<li><input type="checkbox">财务/审计/税务</li>
										<li><input type="checkbox">金融/证券/投资</li>
										<li><input type="checkbox">汽车制造</li>
										<li><input type="checkbox">计算机硬件</li>
										<li><input type="checkbox">建筑工程</li>
										<li><input type="checkbox">计算机软件</li>
										<li><input type="checkbox">互联网/电子商务</li>
										<li><input type="checkbox">IT管理</li>
									</ul>
									<div class="btns left">
										<p><input type="button" class="sure" value="确定"></p>
										<p><input type="reset" class="false" value="取消"></p>
									</div>
								</form>
							</div>
						</div>
						<!--筛选内容(推荐学校)-->
						<div class="scholars-recommend-content att-choose">
							<div class="scholars-choose-box default-box">
								<p class="choose-content left">
									<em>学校推荐</em>
									<span>北京大学</span>
									<span>上海大学</span>
									<span>中山大学</span>
									<span>清华大学</span>
									<span>大连理工大学</span>
									<span>厦门大学</span>
									<span>武汉大学</span>
								</p>
								<div class="scholars-choose-box scholars-choose-box2 left seemorebox">
									<div class="title left">学校推荐</div>
									<ul class="left">
										<li>四川大学</li>
										<li>北京大学</li>
										<li>中山大学</li>
										<li>上海大学</li>
										<li>大连理工大学</li>
										<li>武汉大学</li>
										<li>厦门大学</li>
										<li>清华大学</li>
										<li>武汉大学</li>
										<li>云南工商学院</li>
										<li>山东大学</li>
										<li>云南大学</li>
										<li>昆明理工大学</li>
										<li>云南师范大学</li>
										<li>武汉大学</li>
									</ul>
								</div>
								<button class="sch-moreChoose sch-getmore">更多</button>
								<button class="sch-moreChoose">+多选</button>
							</div>
							<div class="scholars-choose-box scholars-choose-box2 choosemorebox">
								<form action="">
									<div class="title left">学校推荐</div>
									<ul class="left">
										<li><input type="checkbox">四川大学</li>
										<li><input type="checkbox">大连理工大学</li>
										<li><input type="checkbox">云南工商学院</li>
										<li><input type="checkbox">上海大学</li>
										<li><input type="checkbox">山东大学</li>
										<li><input type="checkbox">云南师范大学</li>
										<li><input type="checkbox">北京大学</li>
										<li><input type="checkbox">中山大学</li>
										<li><input type="checkbox">昆明理工大学</li>
									</ul>
									<div class="btns left">
										<p><input type="button" class="sure" value="确定"></p>
										<p><input type="reset" class="false" value="取消"></p>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="stu_infobox">
					<div class="seach_info" id="seach_info"> >>&nbsp共<span class="seach_num">${thenum }</span>条搜索结果
					</div>
					<div class="layui-row layui-col-space30">
						<div class="containerbox layui-col-md12 layui-col-lg12 layui-col-sm12 layui-col-xs12">
							<div class="layui-row layui-col-space10">


								<c:forEach items="${liststu }" var="obj" begin="0" end="5">


									<div class="layui-col-md4 layui-col-lg4 layui-col-sm6 layui-col-xs12">
										<div class="infobox">
											<div class="layui-col-md3 layui-col-lg3 layui-col-sm3 layui-col-xs3">
												<a href="personalbaseinfo.action?userid=${obj.userid}"><img src="../upload1/${obj.photopath}"></a>

											</div>
											<div
												class="stu_base layui-col-md9 layui-col-lg9 layui-col-sm9 layui-col-xs9">
												<a class="stu_name" href="personalbaseinfo.action?userid=${obj.userid}"><i
														class="layui-icon layui-icon-username"></i>${obj.stuname}</a>
												<div class="years"></div>
												<p class=""><i
														class="layui-icon layui-icon-user"></i>班级：${obj.classname}</p>

												<p class="stu_signed"><i
														class="layui-icon layui-icon-edit"></i>学号：${obj.stunum}</p>
											</div>
											<div class="layui-col-md12 layui-col-lg12 layui-col-sm12 layui-col-xs12">

												<p class="stu_honor"><i
														class="layui-icon layui-icon-about"></i>简介：${obj.signed}
												</p>
											</div>


										</div>

									</div>
								</c:forEach>


							</div>
						</div>

					</div>




				</div>
			</div>

			<div class="layui-col-md3 layui-col-lg3 layui-col-sm3 layui-col-xs3">
				<div class="art_recommand layui-card">
					<div class="layui-card-header">相关文章推荐<a class="art_more" href="#">更多&nbsp;></a></div>
					<div class="layui-card-body">
						<ul class="ainnernewslist">

							<c:forEach items="${artlist }" var="obj" begin="0" end="5">

								<li><a href=""><span class="innerlisttitle" style="">${obj.arttitle}</span></a>
									<p class="art_date"><img src="../upload1/${obj.photopath}" class="art_user"><i
											class="layui-icon layui-icon-log"></i> ${obj.arttime}</p>
								</li>
								<hr class="layui-bg-gray">
							</c:forEach>


						</ul>

					</div>
				</div>
			</div>

		</div>
		<div id="demo7"></div>
	</div>

	<!-- 导入网页页脚---start -->
	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->

	<script src="layui/layui.js"></script>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script>
		layui.use('laypage', function () {
			var laypage = layui.laypage;

			//执行一个laypage实例
			laypage.render({
				elem: 'demo7',
				count: 100,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
				jump: function (obj) {
					console.log(obj)
				}
			});
		});
		var box = document.getElementById("seach_info");

		function sousuo() {
			box.style.display = "block";
		}
		layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
	</script>


	<script src="js/sousuo.js"></script>
	<script type="text/javascript">
	
	var postlist=[];
	var majorlist=[] ;
	var schoollist=[] ;
	var poststr;
		$(function () {
			$('#ds1').on('click', function () {
				
				$("input:checked").each(function (i) {
					postlist.push($(this).val())
				})
				debugger;
				poststr = postlist.join(","); 
				 modifyApproval(poststr);
				 
			})
		})
		
		function modifyApproval(poststr) {
        $.ajax({
            url: 'seachto.action?poststr=' +poststr ,
            method: 'POST',
            data:"poststr:"+ poststr,
               
               
            
            dataType: 'json',
            success: function(data) {
                if (data.Succeed == true) {
                   
                       alert(poststr);
                        
                    
                } else {
                    alert(data.Msg);
                }
            },
            error: function() {
                alert("网络错误！");
            }
        })
    }
	</script>
</body>

</html>